<template>
<div>
<!--轮播图区域  -->
<mt-swipe :auto="4000">
  <mt-swipe-item>1</mt-swipe-item>
  <mt-swipe-item>2</mt-swipe-item>
  <mt-swipe-item>3</mt-swipe-item>
</mt-swipe>

    <h3>HOME组件</h3>
</div>
</template>
<script>
export default {
    data(){
        return{}
    },
   /*  created () {
        this.getLunbotu();
    },
    methods: {
        getLunbotu(){//获取轮播图方法
            this.$http.get("http://vue.studyit.io/api/getlunbo").then(result => {
                console.log(result.body)
            })  
        }
    } */
}
</script>
<style scoped lang="scss">
/* 注意这里用了lang="scss"，因为使用了scss的语法 */
.mint-swipe{
    height: 200px;
    .mint-swipe-item{
    &:nth-child(1){
        background-color:blueviolet;
    }
    &:nth-child(2){
        background-color:aquamarine;
    }
    &:nth-child(3){
        background-color:forestgreen;
    }
}
}
/* .mint-swipe-item:nth-child(1){
    background-color: aquamarine;
} */

</style>
